<template lang="pug">
.columnar-chart.app-container
  #columnar-chart
</template>

<script setup>
import { columnarChart, destroyColumnarChart } from '@/views/EChartsMage/echarts.js'

import { onMounted, onUnmounted } from 'vue'

// const { proxy } = getCurrentInstance() // 内部组件实例

// // 数据
// const state = reactive({
// })

onMounted(() => {
  console.log(1)
  // 初始化饼图
  columnarChart()
})

onUnmounted(() => {
  // 销毁
  destroyColumnarChart()
})
</script>

<style lang="scss">
  #columnar-chart {
    width: 360%;
    max-width: 600px;
    height: 185px;
  }
</style>
